@charset "utf-8";
body {
background-color: #E3E3E3;
}
h1 {
font-size: 24px;
font-weight: bold;
line-height: 1;
}
label {
display: block;
margin-bottom: 5px;
color: #333;
cursor: pointer;
}
.holding {
    position: relative;
}
.holding input{
outline: 0;
margin-top:20px;
margin-left:19px;
padding: 8px 6px;
width: 250px;
border: 1px solid #CCC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.2);
line-height:1.5;
}
.holding .holder {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 2px;
z-index: 1;
height: 20px;
padding: 4px;
margin-top:22px;
margin-left:19px;
font-size: 13px;
line-height: 20px;
color: #999;
white-space: nowrap;
cursor: text;
-webkit-transition: opacity .1s,font-size .1s;
-moz-transition: opacity .1s,font-size .1s;
-o-transition: opacity .1s,font-size .1s;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.holding input:focus {
    border-color: rgba(82, 168, 236, .75);
box-shadow: 0 0 8px rgba(82,168,236,.5);
-moz-box-shadow: 0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow: 0 0 8px rgba(82,168,236,.5);
}
.holding input:focus + label.holder {
    opacity: .6;
}
.hasome input {
    color:#333
}
.hasome .holder {
    opacity:0;
    filter:alpha(opacity=0);
    font-size:0!important
}
.remember input{
margin: 0;
height: 13px;
vertical-align: text-top;
}
.remember, .separator {
font-size: 11px;
line-height: 13px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}
.separator {
margin: 0 1px 0 2px;
font-weight: bold;
color: #999;
}
.remember, .separator {
display: inline;
margin: 0;
font-size: 11px;
line-height: 13px;
color: #999;
-webkit-text-shadow: 0 1px 0 rgba(255,255,255,.6);
-moz-text-shadow: 0 1px 0 rgba(255,255,255,.6);
text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}

/* 弹出提示信息样式 */
.alert-messages {
position: fixed;
top: 150px;
left: 0;
right: 0;
z-index: 7000;
}
.message {
position: relative;
width: 300px;
padding: 10px 12px;
margin: 0 auto;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
background: #111;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25);
box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
}
.message {
text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
}
.message .message-text {
display: block;
margin-right: 20px;
color: #CCC;
font-size: 12px;
line-height: 16px;
text-align: center;
}
.message .dismiss {
font-size: 18px;
font-weight: bold;
color: white;
margin-top: 0;
text-decoration: none;
}
.message .close, .message .dismiss {
position: absolute;
top: 1px;
right: 12px;
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;
}
.dismiss {
float: right;
width: 10px;
height: 10px;
margin-top: 5px;
cursor: pointer;
}